<template>
  <Navbar2></Navbar2>
  <a-layout-content style="padding: 70px 50px">
    <BreadCrumbShow :navgation-index="1"></BreadCrumbShow>
  <div class="page">
    <div class="page-wrapper" >
      <div class="page-body">

        <div class="container-xl">
          <div class="row row-deck row-cards">
            <div class="col-4">
              <div class="card">
                <div class="card-body" style="height: 10rem">
                  <a href="/projectList" class="text-center" v-show="token!=null">管理中心</a>
                </div>

              </div>
            </div>
            <div class="col-4">
              <div class="card">
                <div class="card-body" style="height: 10rem"></div>
              </div>
            </div>
            <div class="col-4">
              <div class="card">
                <div class="card-body" style="height: 10rem"></div>
              </div>
            </div>
            <div class="col-12">
              <div class="card">
                <div class="card-body" style="height: 10rem"></div>
              </div>
            </div>
            <div class="col-12">
              <div class="card">
                <div class="card-body" style="height: 10rem"></div>
              </div>
            </div>
            <div class="col-12">
              <div class="card">
                <div class="card-body" style="height: 10rem"></div>
              </div>
            </div>
            <div class="col-12">
              <div class="card">
                <div class="card-body" style="height: 10rem"></div>
              </div>
            </div>
            <div class="col-12">
              <div class="card">
                <div class="card-body" style="height: 10rem"></div>
              </div>
            </div>
            <div class="col-12">
              <div class="card">
                <div class="card-body" style="height: 10rem"></div>
              </div>
            </div>
            <div class="col-12">
              <div class="card">
                <div class="card-body" style="height: 10rem"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </a-layout-content>

  <!--   <Navbar></Navbar>-->
  <!--  <Navbar2></Navbar2>-->
  <!--  <a-layout-content style="padding: 70px 50px">-->
  <!--    <a-breadcrumb style="margin: 16px 0">-->
  <!--      <a-breadcrumb-item>Home</a-breadcrumb-item>-->
  <!--&lt;!&ndash;      <a-breadcrumb-item>List</a-breadcrumb-item>&ndash;&gt;-->
  <!--&lt;!&ndash;      <a-breadcrumb-item>App</a-breadcrumb-item>&ndash;&gt;-->
  <!--    </a-breadcrumb>-->
  <!--    <div :style="{ background: '#fff', padding: '24px', minHeight: '880px' }">-->

  <!--      最近项目及issue-->
  <!--    </div>-->

  <!--  </a-layout-content>-->

  <!--      <canvas style="padding-top: 20px"></canvas>-->


</template>

<script>

// import Navbar from "@/views/index/Navbar.vue";

import Navbar2 from "@/views/components/Navbar2.vue";
import {mapActions, mapGetters} from "vuex";
import BreadCrumbShow from "@/views/components/BreadCrumbShow.vue";

export default {
  name: "Index",
  components: {BreadCrumbShow, Navbar2},
  methods: {
    ...mapActions([
      'navigationChange'
    ])
  },
  computed: {
    ...mapGetters([
      'navigationCode',
      'token',
      'username',
    ])
  },
  created() {
    this.navigationChange('1')
  }
}
</script>

<style scoped>
  div .dropdown .dropdown-toggle ::after {
    display: none;
    hidden:true;
    position: absolute;
    padding-top: 200px;
  }
</style>
